<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
</head>

<body class="childrenBody">
<!--角色选择-->


<div class="statabox">
	<div class="statalist1" style="margin-right: 1%" >
		<div class="">
			<div class="boxitem">
				<p class="label">班级名称：</p>
				<p class="text">雅思口螈86半</p>
			</div>
			<div class="boxitem">
				<p class="label">班级课程：</p>
				<p class="text">雅思</p>
			</div>
			<div class="boxitem">
				<p class="label">课程进度：</p>
				<p class="text">12/22</p>
			</div>
			<div class="boxitem">
				<p class="label">班级教师：</p>
				<p class="text">jeven</p>
			</div>
			<div class="boxitem">
				<p class="label">班级助教：</p>
				<p class="text">jseb</p>
			</div>
			<div class="boxitem">
				<p class="label">教师 出勤/缺勤/迟到/早退：</p>
				<p class="text">12/22/23/23</p>
			</div>
			<div class="boxitem">
				<p class="label">助教 出勤/缺勤/迟到/早退：</p>
				<p class="text">12/22/23/23</p>
			</div>


		</div>
	</div>
	<div class="statalist1" >
		<div class="" style="margin: 0 auto">
			<table class="layui-table">

				<thead>
				<tr>

					<th>序号</th>
					<th>班级成员</th>
					<th>账号</th>
					<th>出勤/缺勤/迟到/早退</th>

				</tr>
				</thead>
				<tbody class="news_content">
				<tr>
					<td>1</td>
					<td>javen</td>
					<td>1222343435</td>
					<td>11/0/3/2</td>

				</tr>
				<tr>
					<td>1</td>
					<td>javen</td>
					<td>1222343435</td>
					<td>11/0/3/2</td>

				</tr>
				<tr>
					<td>1</td>
					<td>javen</td>
					<td>1222343435</td>
					<td>11/0/3/2</td>

				</tr>
				<tr>
					<td>1</td>
					<td>javen</td>
					<td>1222343435</td>
					<td>11/0/3/2</td>

				</tr>
				<tr>
					<td>1</td>
					<td>javen</td>
					<td>1222343435</td>
					<td>11/0/3/2</td>

				</tr>
				<tr>
					<td>1</td>
					<td>javen</td>
					<td>1222343435</td>
					<td>11/0/3/2</td>

				</tr>

				</tbody>
			</table>

		</div>
	</div>

</div>
	<!--表格展示区-->
	<div class="layui-form news_list">
		<p>班级数(200)</p>
	  	<table class="layui-table">

		    <thead>
				<tr>

					<th>序号</th>
					<th>课节名称</th>
					<th>开课日期</th>
					<th>时间</th>
					<th>时长</th>
					<th>客节状态</th>
					<th>授课教师</th>
					<th>学生1</th>
					<th>学生2</th>
					<th>学生3</th>
					<th>学生4</th>
					<th>学生5</th>
					<th>学生6</th>
				</tr>
		    </thead>
		    <tbody class="news_content">
				<tr>
					<td>1</td>
					<td>雅思口语86班</td>
					<td>2018/09/09</td>
					<td>16：00</td>
					<td>50m</td>
					<td>未开始</td>
					<td>javes</td>
					<td>javes</td>
					<td>javes</td>
					<td>javes</td>
					<td>javes</td>
					<td>javes</td>
					<td>javes</td>


				</tr>
		
			</tbody>
		</table>
	</div>
	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->
	<div id="page1">
		<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
			<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>
			<a href="javascript:;" data-page="1">1</a>
			<span class="layui-laypage-curr">
				<em class="layui-laypage-em"></em>
				<em>2</em></span>
			<a href="javascript:;" data-page="3">3</a>
			<a href="javascript:;" data-page="4">4</a>
			<a href="javascript:;" data-page="5">5</a>
			<span>…</span>
			<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>
			<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>
		</div>
	</div>

	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="classManager.js"></script>
</body>
</html>